<!-- BEGIN: main -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Web News</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="{BASEURL}/css/style.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="../css/ie.css" /><![END:if]-->
</head>
<body>

<div id="wrapper">

  <!-- BEGIN: header -->
  <div id="header">
  <img id="banner" src="{URL_HEADER}"/>
    <ul>
      <li class="f"><a href="#">Home</a></li>
      <li><a href="about.html">About Us</a></li>
      <li><a href="page.html">Demo Page</a></li>
      <li><a href="contact.html">Contact Page</a></li>
    </ul>
    <p class="links">Subscribe: <a href="#">Posts</a> | <a href="#">Comments</a> | <a href="#">Email</a> </p>
    <div class="break"></div>
    <div class="logo">
      <h1><a href="#">The Web News</a></h1>
      <p>Content Management System</p>
    </div>
    <div class="ad468x60"> <a href="#"><img src="../images/ad468x60.gif" alt="" /></a> </div>
    
    <!-- END: header -->
    <!-- BEGIN: loaitin -->
    <div class="break"></div>
    <ol>
        <li><a href="#">{LOAITIN}</a></li>
    </ol>
    <!-- END: loaitin -->
    <div class="break"></div>
  </div>
  
  <!-- BEGIN content -->
  <div id="content">
    <!-- BEGIN: post -->
    <div class="post">
    <div class="thumb"><a href="#"><img src="../images/_thumb1.jpg" alt="" /></a></div>
    <h2><a href="#">A cras tincidunt, ut tellus et Gravida Ipsum</a></h2>
    <p class="date">Posted on January 7, 2008 by admin</p>
    <p>Elementum ea, nibh et, velit sed sagittis. Ipsum libero. Viverra integer enim, sed dolor. Inceptos elit, vitae et. Eget eget nec, lectus nisl, vehicula est feugiat. cum condimentum mattis dui fusce ut, vel convallis suspEND:isse suspEND:isse sed in. Libero blandit curae at magna ut, id mauris suspEND:isse ligula neque integer non.</p>
    <a class="continue" href="#">Continue Reading</a> </div>
   <!-- END: post -->
    <!-- BEGIN: post navigation -->
    <div class="postnav">
      <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">&raquo;</a></li>
      </ul>
      <div class="break"></div>
    </div>
    <!-- END: post navigation -->
  </div>
  <!-- END content -->
  <!-- BEGIN: sidebar -->
  <div id="sidebar">
    <!-- BEGIN: ads -->
    <div class="ads"> <a href="#"><img src="../images/ad125x125.jpg" alt="" /></a> <a href="#"><img src="../images/ad125x125.jpg" alt="" /></a> <a href="#"><img src="../images/ad125x125.jpg" alt="" /></a> <a href="#"><img src="../images/ad125x125.jpg" alt="" /></a> </div>
    <!-- END: ads -->
    <!-- BEGIN: search -->
    <form class="search" action="#">
      <input type="text" name="s" id="s" />
      <button type="submit">Search</button>
    </form>
    <!-- END: search -->
    <div class="wrapper">
      <!-- BEGIN: popular posts -->
      <h2>Popular Posts</h2>
      <ul>
        <li><a href="#">Make Money Online Creating Websites</a></li>
        <li><a href="#">Top 100 Internet Marketing Tips</a></li>
        <li><a href="#">Tutorial: How to add Videos in your Post</a></li>
        <li><a href="#">Sample Post Unordered List</a></li>
        <li><a href="#">Sample Post Blockquote</a></li>
      </ul>
      <!-- END: popular posts -->
      <!-- BEGIN: flickr photos -->
      <h2>Flickr Photos</h2>
      <div class="flickr"> <a href="#"><img src="../images/_thumb3.jpg" alt="" /></a> <a href="#"><img src="../images/_thumb4.jpg" alt="" /></a> <a href="#"><img src="../images/_thumb5.jpg" alt="" /></a> <a href="#"><img src="../images/_thumb6.jpg" alt="" /></a> <a href="#"><img src="../images/_thumb7.jpg" alt="" /></a> <a href="#"><img src="../images/_thumb8.jpg" alt="" /></a> </div>
      <!-- END: flickr photos -->
      <!-- BEGIN: featured video -->
      <h2>Featured Video</h2>
      <div class="video"> <img src="../images/_video.jpg" alt="" /> </div>
      <!-- END: featured video -->
      <!-- BEGIN: tags -->
      <h2>Tags</h2>
      <div class="tags"> </div>
      <!-- END: tags -->
      <!-- BEGIN: left -->
      <div class="l sbar">
        <!-- BEGIN: categories -->
        <h2>Categories</h2>
        <ul>
          <li><a href="#">Entertainment</a></li>
          <li><a href="#">Fashion</a></li>
          <li><a href="#">Internet</a></li>
          <li><a href="#">Marketing</a></li>
          <li><a href="#">Lifestyle</a></li>
          <li><a href="#">Make Money</a></li>
          <li><a href="#">Online</a></li>
          <li><a href="#">Parenting</a></li>
        </ul>
        <!-- END: categories -->
        <!-- BEGIN: pages -->
        <h2>Pages</h2>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Archives</a></li>
          <li><a href="#">Links</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Sitemap</a></li>
        </ul>
        <!-- END: pages -->
      </div>
      <!-- END: left -->
      <!-- BEGIN: right -->
      <div class="r sbar">
        <!-- BEGIN: archives -->
        <h2>Archives</h2>
        <ul>
          <li><a href="#">August 2008</a></li>
          <li><a href="#">July 2008</a></li>
          <li><a href="#">June 2008</a></li>
          <li><a href="#">May 2008</a></li>
          <li><a href="#">April 2008</a></li>
          <li><a href="#">March 2008</a></li>
        </ul>
        <!-- END: archives -->
        <!-- BEGIN: blogroll -->
        <h2>Blogroll</h2>
        <ul>
          <li><a href="#">Carlos</a></li>
          <li><a href="#">Digital Point Forum</a></li>
          <li><a href="#">Eric's Photo Gallery</a></li>
          <li><a href="#">Fashion TrEND:s</a></li>
          <li><a href="#">Google Scoreboard</a></li>
          <li><a href="#">Marketing Forum</a></li>
        </ul>
        <!-- END: blogroll -->
        <!-- BEGIN: meta -->
        <h2>Meta</h2>
        <ul>
          <li><a href="#">Login</a></li>
        </ul>
        <!-- END: meta -->
      </div>
      <!-- END: right -->
    </div>
  </div>
  <!-- END: sidebar -->
  <!-- BEGIN: footer -->
  <div id="footer">
    <p>Copyright &copy; 2009 - <a href="#">Website Name</a> &middot; All Rights Reserved</p>
    <p>Template by: <a href="http://www.wpthemedesigner.com/">WordPress Designer</a> | Get More <a href="#">Free CSS Templates</a></p>
  </div>
  <!-- END: footer -->
</div>

</body>
</html>
<!-- END: main -->